.swiper {
  height: 333px;
  box-sizing: border-box;
  text-align: center;
  line-height: 333px;
  width: 100%;
  cursor: pointer;
  overflow: hidden;
  // @media (min-width: 316px) {
  //   width: 316px;
  //   margin: 0 auto;
  //   padding: 0;
  // }

  // @media (min-width: 592px) {
  //   width: 592px;
  // }

  // @media (min-width: 762px) {
  //   width: 762px;
  // }
  .img {
    width: 100%;
    height: 333px;

  }
}

.small {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 8px;
  box-sizing: border-box;
  background: #fff;
  overflow: hidden;
}

.imgboxs {
  width: 100%;
  height: 100%;
  background: #000;
  overflow: hidden;
}

.contentStyle {
  height: 316px;
  width: 100%;
  color: '#fff';
  -webkit-mask: -webkit-linear-gradient(rgba(1, 1, 1, 0.65), rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65))
}

.swiperText {
  width: 100%;
  position: absolute;
  top: 40%;
  display: flex;
  flex-direction: column;
  z-index: 999;
  h3 {
    font-size: 25px;
    color: #eee;
  }

  .text {
    font-size: 17px;
    color: #eee;
  }
}